page {
  width: 100%;
  height: 100%;
}
.body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header {
  background: #ff0000;
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx; /* 不放大不缩小固定100rpx */
}
.main {
  flex: 1;
  position: relative;
}
.main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.content {
  padding: 20rpx;
  .content_ds {
    display: flex;
    justify-content: space-between;
    padding-top: 30rpx;
  }
  .left_name {
    font-weight: 600;
    font-size: 34rpx;
  }
  .right_ct {
    min-height: 50rpx;
    font-size: 32rpx;
    font-weight: 500;
  }

  .detailedAdress {
    text-align: right;
    width: 300rpx;
    display: block;
    width: 400rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .zj {
    display: flex;
    justify-content: space-between;
    padding-top: 30rpx;
  }
  .zjimg {
    padding-top: 30rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .imgstyle {
    width: 300rpx;
    height: 170rpx;
  }
  .zjimg1 {
    // margin-left: 60rpx;
    padding-top: 30rpx;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 三列 */
    gap: 30rpx; /* 格子间隔 */
    .hdimg1 {
      border: 1px solid rgb(216, 214, 214);
      width: 150rpx;
      height: 150rpx;
      display: block; /* 图片作为块级元素显示 */
    }
    .hdimg2 {
      border: 1px solid rgb(216, 214, 214);
      width: 150rpx;
      height: 150rpx;
      display: block; /* 图片作为块级元素显示 */
      // margin-left: 20rpx;
    }
  }
  .liucheng {
    padding-top: 50rpx;
    padding-bottom: 30rpx;
  }
  .smallhz {
    width: 12rpx;
    height: 60rpx;
    background-color: #2fc056;
    margin-left: 40rpx;
  }
  .smallhzs {
    width: 12rpx;
    height: 60rpx;
    background-color: #e99d42;
    margin-left: 40rpx;
  }

  .list {
    display: flex;
    padding: 20rpx 0rpx;
    .list_icon {
      width: 100rpx;
      height: 100rpx;
    }
    .list_ct {
      padding-left: 30rpx;
    }
    .list_ct_box {
      display: flex;
      justify-content: space-between;
      width: 550rpx;
      .lc {
        font-size: 28rpx;
        color: #888787;
      }
      .time {
        font-size: 28rpx;
        color: #888787;
      }
    }
    .list_ft {
      padding-top: 20rpx;
      .list_ft_name {
        font-size: 32rpx;
        font-weight: 600;
      }
    }
    .list_code {
      padding-left: 20rpx;
      font-size: 30rpx;
    }
  }
}

.footer {
  padding-bottom: 50rpx;
  padding-left: 20rpx;
  padding-right: 20rpx;
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx; /* 不放大不缩小固定100rpx */
  .btn {
    margin-bottom: 30rpx;
    border-radius: 15rpx;
    width: 100%;
    color: white;
    letter-spacing: 20rpx;
    background-color: rgb(154, 227, 72);
  }
  .btn1 {
    border-radius: 15rpx;
    width: 100%;
    color: white;
    letter-spacing: 20rpx;
    background-color: rgb(252, 197, 1);
  }
}

.jf {
  display: flex;
  justify-content: space-between;
  padding-top: 20rpx;
  font-weight: 600;
}
.right_ct1 {
  width: 400rpx;
  min-height: 50rpx;
  font-size: 32rpx;
  font-weight: 500;
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
  text-align: right;
}
